.ai-dashboard {
  & .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
    background: #fff;
    border-bottom-color: #fff;
  }

  & .ant-page-header-footer .ant-tabs .ant-tabs-tab {
    color: @font-color;
    font-size: 14px;
    border-color: @border-color;
  }

  & .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
    background: @dark-white-color;
  }

  .ant-table.ant-table-bordered > .ant-table-container {
    & > .ant-table-content > table > thead > tr:not(:last-child) > th {
      border-color: @border-color;
    }
    & > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th {
      border-color: @border-color;
    }
    & > .ant-table-container > .ant-table-content > table {
      border-color: @border-color;
    }
    & > .ant-table-summary > table > thead > tr:not(:last-child) > th {
      border-color: @border-color;
    }
    & > .ant-table-content > table {
      border-color: @border-color;
    }
    & .ant-table-header > table {
      border-color: @border-color;
    }
  }

  & .ant-table {
    margin-bottom: 16px;
  }

  & .ant-table-pagination.ant-pagination {
    margin-bottom: -8px;
  }

  & .ant-table-tbody > tr.ant-table-row:hover > td,
  & td.ant-table-column-sort,
  & .ant-table-tbody > tr > td.ant-table-cell-row-hover & .ant-table-thead > tr > th:hover,
  .ant-table-thead th.ant-table-column-has-sorters:hover,
  & .ant-table-tbody > tr > td:hover {
    background: @hover-background;
  }

  & .ant-table-thead > tr > th {
    color: @font-color;
    background: #fff !important;
    background-color: #fff;
    border-bottom: 1px solid @border-color;
  }

  & .ant-pagination-item a,
  & .ant-pagination-total-text {
    color: @font-color;
  }

  & .ant-table-tbody > tr > td {
    color: @table-row-color;
    border-bottom: 1px solid @border-color;
  }

  & .ant-table-column-sorter {
    color: @extra-light-silver-color;
  }

  & .ant-table-column-sorters:hover .ant-table-column-sorter {
    color: @light-silver-color;
  }

  & .ant-table-thead th.ant-table-column-sort {
    background: transparent;
  }

  & .ant-pagination-item-active {
    border: none;
  }

  & .ant-pagination-item-active a {
    color: @primary-color;
    font-weight: bold;
  }

  & .ant-table-wrapper .ant-table .ant-table-thead > tr > th::before {
    visibility: hidden;
  }

  & .ant-table-wrapper .ant-table.ant-table-empty .ant-table-tbody > tr > td {
    border-bottom: none;
  }

  & .ant-table-wrapper .ant-table.ant-table-empty .ant-table-tbody > tr > td:hover {
    background: none;
  }

  & .tables-component {
    & .ant-pro-table-list-toolbar-container {
      align-items: baseline;
    }
  }

  & .ant-table-content,
  & .ant-table-body {
    border-color: rgba(0, 0, 0, 0);
    transition: border-color 0.15s ease;
    &:hover {
      border-color: rgba(136, 155, 177, 0.55);
    }
    &::-webkit-scrollbar-thumb,
    &::-webkit-scrollbar-corner {
      // inherit border-color to inherit transitions
      border-color: inherit;
      // sum viewport dimensions to guarantee border will fill scrollbar
      border-right-width: calc(100vw + 100vh);
      // add border to act as background-color
      border-right-style: inset;
    }
    &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
    &::-webkit-scrollbar-thumb {
      border-color: inherit;
      border-radius: 25px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }
  }

  & .ant-pro-table-alert {
    margin-top: 18px;
  }
}

& .ant-drawer-content-wrapper .ant-table-thead > tr > th {
  background: #eff2f7;
}
